<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="blog/layout" th:with="title='空间 |',active='about'">
<header th:replace="blog/layout::headerFragment(${title},${active})"></header>
<body>
<div layout:fragment="content">
    <div class="content-wrap">
        <div id="content" class="content">
            <div id="posts" class="posts-expand">
                <div class="post-block page" style="opacity: 1; display: block;">
                    <header class="post-header" style="opacity: 1; display: block; transform: translateY(0px);">
                        <h1 class="post-title" itemprop="name headline">CodeWwang</h1>
                    </header>

                    <h2 class="post-title" itemprop="name headline">工具功能区</h2>

                    <span class="post-meta-item-icon">
                        <div>
                             <a href="/space/picture">图片压缩</a>&emsp;&emsp;
                            <a href="/space/loanCaculater">贷款计算器</a>
                        </div>
                    </span>

                    <h2 class="post-title" itemprop="name headline">页面展示区</h2>
                    <span class="post-meta-item-icon">
                        <div>
                            <a href="/space/codinglife">字母跃动</a>&emsp;&emsp;
                            <a href="/space/cherry">樱花雨</a>&emsp;&emsp;
                            <a href="/space/moonRiver">晚涧月</a>&emsp;&emsp;
                        </div>
                    </span>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
